<template>
  <el-breadcrumb separator-class="el-icon-arrow-right">
    <el-breadcrumb-item
      v-for="(item, index) in breadList"
      :key="item.path"
    >
      <router-link
        to="/welcome"
        v-if="index == 0"
        style="margin-left: 10px; 
        color: #303133; 
        font-weight: none;
        cursor:pointer"
        >{{ item.meta.title }}</router-link
      >
      <span v-else>{{ item.meta.title }}</span>
    </el-breadcrumb-item>
  </el-breadcrumb>
</template>
<script>
export default {
  name: 'BreadCrumb',
  computed: {
    breadList() {
      return this.$route.matched
    }
  }
}
</script>
<style lang="scss">
.el-breadcrumb {
  color: #303133;
}
.el-breadcrumb__item {
  color: #606266;
}
</style>
